page {
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
}

.content {
    .tip_status {
        position: fixed;
        bottom: 89rpx;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: center;

        .tip_status_content {
            box-sizing: content-box;
            height: 37rpx;
            background: rgba(0, 0, 0, 0.6);
            border-radius: 8rpx;
            display: flex;
            align-items: center;
            padding: 10rpx;
            font-size: 26rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(255, 255, 255, 1);
        }
    }

    .top_part {
        width: 100%;
        height: 425rpx;
        position: relative;
        box-sizing: border-box;
        padding-top: 80rpx;

        .top_part_image {
            position: absolute;
            z-index: -1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

        .top_part_content {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;

            .top_text {
                margin-left: 40rpx;

                .title {
                    height: 31rpx;
                    font-size: 44rpx;
                    line-height: 31rpx;
                    font-family: PingFangSC-Semibold, PingFang SC;
                    font-weight: 600;
                    color: rgba(255, 255, 255, 1);
                }

                .welcome {
                    margin-top: 28rpx;
                    height: 31rpx;
                    font-size: 28rpx;
                    font-family: PingFang-SC-Medium, PingFang-SC;
                    font-weight: 500;
                    color: rgba(255, 255, 255, 1);
                    line-height: 31rpx;
                }
            }

            .plus_icon {
                width: 58rpx;
                height: 58rpx;
                margin-right: 36rpx;

                image {
                    width: 58rpx;
                    height: 58rpx;
                }
            }
        }
    }

    .main {
        width: 100%;
        position: relative;

        .main_info {
            z-index: 99;
            width: 690rpx;
            min-height: 184rpx;
            background-color: #FFFFFF;
            position: absolute;
            left: 30rpx;
            top: -184rpx;

            .empty_info {
                margin-top: 68rpx;
                width: 100%;
                height: 530rpx;
                display: flex;
                flex-direction: column;
                align-items: center;

                .empty_icon {
                    width: 210rpx;
                    height: 210rpx;

                    image {
                        width: 210rpx;
                        height: 210rpx;
                    }
                }

                .tip {
                    margin-top: 53rpx;
                    height: 25rpx;
                    font-size: 18rpx;
                    font-family: PingFang-SC-Medium, PingFang-SC;
                    font-weight: 500;
                    color: rgba(198, 198, 198, 1);
                    line-height: 25rpx;
                }

                .button {
                    margin-top: 26rpx;

                    button {
                        width: 252rpx;
                        height: 64rpx;
                        border-radius: 32rpx;
                        border: 2rpx solid rgba(10, 155, 219, 1);
                        line-height: 64rpx;
                        font-size: 22rpx;
                        font-family: PingFang-SC-Medium, PingFang-SC;
                        font-weight: 500;
                        color: rgba(10, 155, 219, 1);
                    }
                }
            }

            .has_info {
                width: 100%;
                height: 150rpx;
                box-sizing: border-box;
                padding: 38rpx 29rpx 37rpx 38rpx;
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 15rpx;

                .device_main {
                    display: flex;
                    align-items: center;

                    .device_status_icon {
                        width: 74rpx;
                        height: 74rpx;

                        image {
                            width: 74rpx;
                            height: 74rpx;
                        }
                    }

                    .device_content {
                        margin-left: 26rpx;

                        .device_name {
                            height: 42rpx;
                            font-size: 30rpx;
                            font-family: PingFang-SC-Medium, PingFang-SC;
                            font-weight: 500;
                            color: rgba(40, 40, 40, 1);
                            line-height: 42rpx;
                            margin-bottom: 8rpx;
                        }

                        .device_status {
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            height: 28rpx;
                            font-size: 20rpx;
                            font-family: PingFang-SC-Medium, PingFang-SC;
                            font-weight: 500;
                            color: rgba(175, 175, 175, 1);
                            line-height: 28rpx;

                            view {
                                margin-right: 13rpx;
                            }
                        }
                    }
                }


                .device_right {
                    width: 24rpx;
                    height: 32rpx;

                    image {
                        width: 24rpx;
                        height: 32rpx;
                    }
                }
            }

        }
    }
}